<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" 
%><%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" 
%><%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" 
%><%@ page contentType="text/html;charset=ISO-8859-1"
%><html:html>
    <head meta-id="UGQ0GcDOgW/nDMzMLhoIlQ==">
        <title><bean:message key="V_Listar_Inasistencia.title"/></title>
                <script language="javascript" type="text/javascript">

    //*** Este Codigo permite Validar que sea un campo Numerico
    function Solo_Numerico(variable){
        Numer=parseInt(variable);
        if (isNaN(Numer)){
            return "";
        }
        return Numer;
    }
    function ValNumero(Control){
        Control.value=Solo_Numerico(Control.value);
    }
    //*** Fin del Codigo para Validar que sea un campo Numerico
      //Funcion que cuando se llena el campo va al siguiente
    function siguiente(id){
        if(document.getElementById("campo"+(id-1)).value.length >= document.getElementById("campo"+(id-1)).maxLength){
            document.getElementById("campo"+id).focus();
        }
    }
    
    function concatena(d,m,a,fecha){
        
            if (!(d == "" || m == "" || a == "")){
                fecha.value = a + "-" + m + "-" + d;
               
            }else{
                fecha.value = "";
            }   
              
        } 
    
</script>
    </head>
    <body>
        
        <ul id="nav">
            <li><html:link action="/A_Volver_Gen_Reporte.do"><bean:message key="V_Listar_Inasistencia.label1"/><%-- Volver --%></html:link></li>

        </ul>
        <html:javascript formName="busquedaForm"/>
        <html:form action="/A_ListarI" method="POST" onsubmit="return validatebusquedaForm(this);">
            <table align="center" class="container2">
          <tr>
                                          <td>
                                  <div class="tabla-finder-fecha">Seleccione Fecha:</div>
                                  </td><td> 
                     <html:text property="fecha_formDDia" styleId="campo4" maxlength="2" size="2" onkeyup="siguiente(5); return ValNumero(this);" 
                                onfocus="mostrarC(6);" onblur="ocultarC(6);" styleClass="dia" onchange="concatena(this.form.fecha_formDDia.value,
                                                                    this.form.fecha_formDMes.value,
                                                                    this.form.fecha_formDAno.value,
                                                                    this.form.fecha);" value=""/> -
                     <html:text property="fecha_formDMes" styleId="campo5" maxlength="2" size="2"  onkeyup="siguiente(6); return ValNumero(this);"
                                
                                onfocus="mostrarC(6);" onblur="ocultarC(6);" styleClass="mes" onchange="concatena(this.form.fecha_formDDia.value,
                                                                    this.form.fecha_formDMes.value,
                                                                    this.form.fecha_formDAno.value,
                                                                    this.form.fecha);" value=""/> -
                     <html:text property="fecha_formDAno"  styleId="campo6" maxlength="4" size="4" onkeyup="return ValNumero(this);"
                                onfocus="mostrarC(6);" onblur="ocultarC(6);" styleClass="ano" onchange="concatena(this.form.fecha_formDDia.value,
                                                                    this.form.fecha_formDMes.value,
                                                                    this.form.fecha_formDAno.value,
                                                                    this.form.fecha);" value=""/>
                     <html:hidden property="fecha" />
                                          </td>
          </tr>
          <tr>
              <td align="center" colspan="6">
                  <html:submit property="button" value="Buscar" styleClass="button" />
              </td>
          </tr>
          </table>
             
        </html:form>
    </body>
</html:html>